import Vue from 'vue'
import Router from 'vue-router'

const About = () => import("@/components/About")
const Index = () => import("@/components/Index")
const Login = () => import(/* webpackChunkName: "group-foo" */"@/views/login/login")
const Register = () => import( /* webpackChunkName: "group-foo" */ "@/views/Register")
import Channel from "@/components/Channel"

Vue.use(Router)



export default new Router({
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Index
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    {
      path: '/login',
      name: 'Login',
      component: Login
    },
    {
      path: '/register',
      name: 'Register',
      component: Register
    },
    {
      path: '/channel/:id',
      name: 'Channel',
      component: Channel
    }
  ]
})
